/***
**common
*/
body {
    background-color: #f5f5f5;
}

#content {
    background-color: transparent;
}

.staff {
    width: 1000px;
    min-height: 600px;
    margin: 0 auto;
    border: 1px solid #EDEDED;
    display: grid;
    grid-template-columns: 21% 79%;
}

.layui-form .layui-form-item .layui-form-label {
    width: 7em;
}

/*左侧列表*/
.list-staff {
    background-color: #f9fbff;
    border-right: 1px solid #e5e5e5;
}

.list-staff ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.list-staff ul>li {
    height: 50px;
    line-height: 30px;
}

.list-staff ul>li a {
    display: inline-block;
    width: 100%;
    height: 100%;
    padding: 10px 30px;
    color: #82939e;
    border-left: 5px solid transparent;
}

.list-staff ul>li:not(.active) a:hover {
    background-color: #e8e8e8;
}

.list-staff ul>.active>a{
    border-left-color: #409EFF !important;
    color: #409EFF !important;
    background-color: #fff;
}

/***
**创建记录
*/
.staff .create-staff {
    padding: 20px 20px 20px 0;
    background-color: #FFFFFF;
}

/* 日期、上传*/
.create-staff .entryData,.talkData {
    cursor: pointer;
}


/***
*记录详情
*/
.detail-staff {
    background-color: #FFFFFF;
    padding: 20px;
    position: relative;
}
/*关闭*/
.detail-staff .close-staff {
    webkit-box-shadow: -1px 1px 20px rgba(0, 0, 0, .2);
    -moz-box-shadow: -1px 1px 20px rgba(0, 0, 0, .2);
    box-shadow: -1px 1px 20px rgba(0, 0, 0, .2);
    position: absolute;
    top: 0;
    right: 0;
    width: 40px;
    height: 40px;
    background-image: url("/Public/home/img/sum_close.png");
}

.detail-staff .close-staff:hover {
    background-position: -120px 0;
}

/*详情内容*/
.detail-staff .box {
    padding-bottom: 10px;
    border-bottom: 1px solid #ebeff6;
    margin: 20px 0;
}

.detail-staff .title {
    text-align: center;
}

.detail-staff .writer {
    color: #777777;
    text-align: right;
}

.detail-staff .little-title {
    font-size: 15px;
    color: #82939e;
    font-weight: 700;
    margin-bottom: 10px;
}

.detail-staff .little-content {
    color: #82939e;
    padding: 5px;
}

/*员工基本信息*/
.detail-staff .little-content .information {
    display: grid;
    grid-template-columns: 15% 85%;
}

.detail-staff .little-content .information div:first-child {
    line-height: 90px;
    text-align: center;
}

.detail-staff .little-content .information .detail-information ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

.detail-staff .little-content .information .detail-information ul li {
    display: inline-block;
    width: 173px;
    padding: 0 0 15px 20px;
}

.detail-staff .little-content .information .detail-information ul li span:first-child {
    font-weight: 700;
}

.detail-staff .little-content.reader ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

.detail-staff .little-content.reader ul li {
    display: inline-block;
    margin-right: 20px;
}

.detail-staff .little-content.reader ul li .user {
    text-align: center;
}


/***
*记录首页
*/
.index-staff {
    background-color: #FFFFFF;
    display: grid;
    grid-template-rows: 60px auto;
}

.index-staff .header {
    padding: 10px 20px;
    min-height: 40px;
    border-bottom: 2px solid #3497db;
}

/*搜索框*/
.input-search {
    width: 300px;
}

.layui-input-inline-search {
    position: relative;
}

.layui-input-inline-search button[type=submit] {
    position: absolute;
    right: 0;
    top: 0;
    border: none;
    color: #000;
    background: none;
}

.index-staff .body .table tr td:not(:first-child) {
    color: #82939e;
}

.index-staff .body .table .record:hover {
    text-decoration-line: underline !important;
}